<template>
  <ITree :treeData="treeData"></ITree>
</template>
<script setup lang="ts">
  import { ITree } from 'wb-platform-library'
  import { ref } from 'vue'
  import { TreeInterFace } from 'wb-platform-library/lib/dist/packages/components/ITree/src/ITree'

  const treeData = ref<TreeInterFace>({
    loading: false,
    dataList: [
      {
        id: '1',
        status: '123123',
        label: 'Level one 1',
        children: [
          {
            id: '4',
            label: 'Level two 1-1',
            children: [
              {
                id: '9',
                label: 'Level three 1-1-1',
              },
              {
                id: '10',
                label: 'Level three 1-1-2',
              },
            ],
          },
        ],
      },
      {
        id: '2',
        label: 'Level one 2',
        children: [
          {
            id: '5',
            label: 'Level two 2-1',
          },
          {
            id: '6',
            label: 'Level two 2-2',
          },
        ],
      },
      {
        id: '3',
        label: 'Level one 3',
        children: [
          {
            id: '7',
            label: 'Level two 3-1',
          },
          {
            id: '8',
            label: 'Level two 3-2',
          },
        ],
      },
    ],
    isShowCheckBox: true,
    defaultExpandAll: true,
    checkedKeys: ['9', '10'],
    nodeKey: 'id',
    onClickRowCallback: (data: any) => {
      console.log(data)
    },
    onCheckBoxChangeCallback: (ids: any, checckRowList: any[]) => {
      console.log(ids)
      console.log(checckRowList)
    },
    // options?: any;
    // defaultProps?: { label?: string, children?: string, disabled?: string };
    // operation?: OperationOptionsInterFace[]
  })
</script>
